@import "variables";
.seed-crowd-step3-page{
  padding-bottom:pxTorem(130);
  background:color($h5,c9);
  .seed-crowd-step3 {
    padding-top: pxTorem(15);
  }
  .seed-crowd-step3 .crowd-sku-list{
    width:100%;
    background:color($h5,c10);
    li{
      width:100%;
      padding:pxTorem(30);
      .sku-name{
        font-size: pxTorem(32);
        color:color($h5,c2);
        margin-bottom:pxTorem(40);
      }
      .sku-info {
        width: 100%;
        display: flex;
        justify-content: space-between;
      }
      .sku-info div p{
        font-size: pxTorem(28);
        color:color($h5,c2);
      }
      .sku-info div p:first-child{
        color:color($h5,c4);
        margin-bottom:pxTorem(30);
      }
      .sku-info .sku-money{
        flex-grow: 1;
      }
      .sku-info .sku-number{
        flex-grow: 1;
      }
      .sku-info .sku-subtotal-money{
        flex-grow: 1;
      }
      .sku-info .sku-subtotal-money p:last-child{
        color:color($h5,c15);
      }
    }
    .sku-total-money{
      width:100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding:pxTorem(30);
      position: relative;
      span{
        font-size: pxTorem(30);
      }
      span:first-child{
        margin-right:pxTorem(15);
      }
      span:last-child{
        display: flex;
        color:color($h5,c15);
      }
    }
  }
  .crowd-sku-min-money{
    width:100%;
    background:color($h5,c10);
    margin-top:pxTorem(20);
    form .crowd-step-form {
      width:100%;
      padding:pxTorem(28);
      font-size: pxTorem(30);
      color:color($h5,c3);
      display: flex;
      flex-direction: column;
      align-items: center;
      .crowd-form-out{
        width:100%;
      }
      .crowd-money-tips{
        width:100%;
        padding-left:35%;
        text-align: right;
        padding-top: pxTorem(22);
        font-size: pxTorem(24);
        color:color($h5,c3);
        line-height: pxTorem(32);
      }
      .crowd-form-out{
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .crowd-form-out .crowd-form-label{
        width:35%;
        color:color($h5,c3);
        height:100%;
        justify-content:flex-start;
      }
      .crowd-form-out .crowd-form-input{
        width:65%;
        height:100%;
        align-items: center;
        position: relative;
        display: flex;
        flex-direction: row;
        p{
          padding-right:0;
        }
        input{
          width:calc(100% - 1.5rem);
          height:100%;
          font-size: pxTorem(30);
          color:color($h5,c3);
          text-align: right;
        }
        .value-color{
          color:color($h5,c2);
        }
        i{
          width:pxTorem(30);
          height:pxTorem(30);
          margin-left:pxTorem(10);
          background:url(#{$icons-path}/icon_more.png)left center no-repeat;
          background-size:pxTorem(17) pxTorem(28);
        }
        i.crowd-tips{
          background:url(#{$icons-path}/crowd_tips.png)left center no-repeat;
          background-size:pxTorem(28) pxTorem(28);
        }
      }
      .validator-style{
        display: block;
        width:100%;
        text-align: right;
        float:right;
        padding-top: pxTorem(22);
        font-size: pxTorem(30);
        color: #e94141;
      }
      .show-input{
        display: none;
      }
    }
    form div.crowd-end-time{
      flex-direction: column;
      div.crowd-end{
        display: flex;
      }
      .crowd-form-out .crowd-end-time-case{
         display: flex;
         width:calc(100% - 0.15rem);
         height:100%;
         position: relative;
       }
      .crowd-form-out .crowd-end-time-case span{
        display: inline-block;
        width:100%;
        height:100%;
        text-align: right;
        color:#666;
      }
      .crowd-form-out .crowd-end-time-case input{
        width:calc(100% - 0.15rem);
        height:100%;
        position: absolute;
        opacity: 0;
        top:0;
        left:0;
      }
    }
  }
}
